<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home</title>
<link href="../resources/css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../resources/js/jquery.js"></script>
<script type="text/javascript" src="../resources/js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
.gallery { width:913px; height:285px; margin:0 auto; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:913px; height:285px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:40px; height:40px; position:absolute; left:-25px; top:-150px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:40px; height:40px; position:absolute; left: 900px; top:-150px; }
#prevBtn a { display:block; width:40px; height:40px; background:url(../resources/images/User/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:40px; height:40px; background:url(../resources/images/User/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="container">
  <div class="container_h1">
      <div class="header1"> <a href="/"><img src="../resources/images/User/logo_easyticket.png" alt="logo" width="340" height="88" border="0" /></a>
      <div class="header1sub">
        <h2>Login User!</h2>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_m">
    <div class="menu">
      <ul>
        <li><a href="index.xhtml" class="active"><span>Home</span></a></li>
        <li><a href="Music.xhtml"><span>Music</span></a></li>
        <li><a href="Movies.xhtml"><span>Movies</span></a></li>
        <li><a href="Sports.xhtml"><span>Sports</span></a></li>
        <li><a href="About.xhtml"><span>About Us</span></a></li>
        <li><a href="Contact.xhtml"><span>Contact</span></a></li>
      </ul>
      <div class="search">
        <form id="form1" name="form1" method="post" action="">
          <input name="q" class="keywords" id="textfield" maxlength="50" value="Search:" type="text" />
          <input name="b" src="../resources/images/User/search_btn.gif" class="button" type="image" />
        </form>
      </div>
    </div>
  </div>
  <div class="slider_top">
    <div class="header_text">
      <div class="gallery">
        <div id="slider">
          <ul>
            <li>
              <div class="div"> <img src="../resources/images/User/simple_img_1.jpg" alt="screen 1" width="603" height="262" border="0" class="screen"  />
                <div class="left1">
                  <h2>Movies
                     </h2>
                  
                 
              </div>
            </li>
            <li>
              <div class="div"> <img src="../resources/images/User/simple_img_2.jpg" alt="screen 1" width="603" height="262" border="0" class="screen"  />
                <div class="left1">
                  <h2>Sports</h2>
                  
              </div>
            </li>
            <li>
              <div class="div"> <img src="../resources/images/User/simple_img_3.jpg" alt="screen 1" width="603" height="262" border="0" class="screen"  />
                <div class="left1">
                  <h2>Flim</h2>
               
                  </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_c">
    <div class="content">
      <div class="content_sub1">
        <h2>Welcome to our website</h2>
        <div class="clr">
		DDDDDDDDDDDDd
	
		</div>
        <h2>Heading 2</h2>
        <div class="clr">
		DDDDDDDDDDDDd

		</div>
        <h2>Heading 2</h2>
        <div class="clr">
		DDDDDDDDDDDDd

		</div>
        <h2>Heading 2</h2><div class="clr">
		DDDDDDDDDDDDd

		</div>
        <h2>Heading 2</h2>

      </div>
    
  
      
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_f1">
    <div class="footer1">
      <div class="clr"></div>
    </div>
  </div>
  <div class="container_f2">
    <div class="footer2">
      <div class="footer2left">
        <p>Copyright 2009. Your Site Name Dot Com. All Rights Reserved</p>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="#">RSS</a></li>
        </ul>
      </div>
      <div class="footer2right">
        <p class="footer"><strong>Design by DreamTemplate</strong></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
</div>
</body>
</html>
